<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:aui="http://liferay.com/faces/aui"
	xmlns:c="http://java.sun.com/jsp/jstl/core" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html" xmlns:bridge="http://liferay.com/faces/bridge"
	xmlns:p="http://primefaces.org/ui" xmlns:example-cc="http://java.sun.com/jsf/composite/example-cc"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:ms="/functions">

<h:head></h:head> 
<body> 
<h:form prependId="false">  
   <p:growl id="growl" showDetail="true" /> 
 <p:menubar>
 
       
       <p:submenu label="Home" icon="ui-icon-home" action="/absence/retards.xhtml">  
          <p:menuitem value="Quit" url="#" icon="ui-icon-close" />   
        </p:submenu>
       
        <p:submenu label="Absence" icon="ui-icon-wrench">  
            <p:menuitem value="Nouveaux" icon="ui-icon-plusthick" action="/absence/absence.xhtml" />  
              
            <p:menuitem value="Liste des absences" url="#" icon="ui-icon-arrowthick-1-s" />  
            <p:separator />  
            <p:menuitem value="Quit" url="#" icon="ui-icon-close"  />  
        </p:submenu>  
  
        <p:submenu label="Retards" icon="ui-icon-wrench">  
            <p:menuitem value="Nouveaux"  action="/absence/retards.xhtml" icon="ui-icon-plusthick" />  
    
            <p:menuitem value="Liste des retards" url="#" icon="ui-icon-arrowthick-1-s" />  
        </p:submenu>  
   <p:submenu label="Remarques" icon="ui-icon-wrench">  
            <p:menuitem value="Nouveaux" url="#" icon="ui-icon-plusthick" action="/absence/remarques.xhtml" />  
            <p:menuitem value="Liste des remarques" url="#" icon="ui-icon-arrowthick-1-s" />  
        </p:submenu> 
          
    </p:menubar> 
    
    
    
	<p:panel>
	

        
	
	<p:panel style="background: #f0f3fd;">
Dans cette parti vous pouvez voir les statistiques des differents absences,retards. Et aussi vous pouvez ajouter les absences, les retards et les remarques des etudiants 
en utilisant le menu.

</p:panel>
<br />
<h:outputLabel value="Veuillez choisir une classe pour afficher le nombre des absences et des retards de chaques etudiant en detail" /><br />


	

            <p:selectOneMenu id="class" 
             valueChangeListener= "#{chartBean.Change}" immediate="true">  
                <f:selectItem itemLabel="Select class" itemValue="" />  
                <f:selectItems value="#{chartBean.classes}" var="classe" itemLabel="#{classe.nameClasse}" itemValue="#{classe.idClasse}"  />  
                 <p:ajax update="barChart"  /> 
                     </p:selectOneMenu>  
  
    
         
<p:barChart id="barChart" value="#{chartBean.categoryModel}" legendPosition="ne"  
            title="Interactive Bar Chart" style="height:300px">  
        <p:ajax event="itemSelect" listener="#{chartBean.itemSelect}" oncomplete="bar.show()" update="growl" />  
    </p:barChart> 
    
             <p:notificationBar position="top" effect="slide" widgetVar="bar" styleClass="top">  
	 <br /> <br /> <br />
    <h:outputText value="l'affichage de l'etudiant le plus absente!" style="color:#FFCC00;font-size:36px;" /> 
    <p:commandButton value="fermer" onclick="bar.hide()" type="button" style="float:right;"/> 
    </p:notificationBar>
            <p:separator /> 
            
          
		</p:panel>
   
      
</h:form>
</body> 
</html>
